<nz-card class="p-b-50">
  <!-- <div class="edit-thead">
    <a
      *ngIf="routeParams.orderWay == 1"
      nz-button
      nzType="primary"
      target="_blank"
      [routerLink]="['/aisi-recyc/assessTypeManageEdit']"
      [queryParams]="returnParames()">
      查看评估详情
    </a>
    <button nz-button nzType="primary" (click)="showOfferModal()">验机详情</button> 注：此button测试弹窗使用
  </div> -->

  <!-- 验机状态 START -->
  <ng-container *ngIf="!routeParams?.againMachine">
    <div class="edit-item-wrap">
      <p class="edit-item-title">验机状态</p>

      <div class="edit-item-control p-l-32 p-t-10">
        <nz-radio-group class="vertical-radio" [(ngModel)]="isMachineInfos.canMachineSelected" (ngModelChange)="radioChange($event)">
          <ng-container *ngFor="let item of isMachineInfos.canMachineRadios">
            <label nz-radio [nzValue]="item.value" [nzDisabled]="isEditBtn()">
              <div class="flex-inline">
                {{ item.label }}
                <i
                  [hidden]="!item.tips && ![1,4].includes(item.value)"
                  nz-icon
                  nzType="info-circle"
                  nzTheme="outline"
                  class="tip-i m-l-10"
                  nz-tooltip
                  [nzTooltipTitle]="(isMachineInfos.canMachineSelected == '1' && item.value == 1) ? isMachineInfos.interruptTips : item.tips">
                </i>
              </div>

              <div class="radio-content p-l-10">
                <!-- 中断原因 -->
                <nz-select
                  *ngIf="isMachineInfos.canMachineSelected == '1' && item.value == 1"
                  class="tp-sel m-l-20"
                  nzShowSearch
                  nzAllowClear
                  nzPlaceHolder="请选择原因"
                  nzMode="multiple"
                  [nzMaxTagCount]="1"
                  [(ngModel)]="interruptSelected"
                  (ngModelChange)="reasonChange($event)">
                  <nz-option
                    *ngFor="let item of interruptArrs"
                    [nzLabel]="item.label"
                    [nzValue]="item.label"
                    nzCustomContent>
                    {{ item.label }}
                    <i *ngIf="item.tips" class="m-l-8" style="color: #909399;" nz-icon nzType="exclamation-circle" nzTheme="outline" nz-tooltip [nzTooltipTitle]="item.tips"></i>
                  </nz-option>
                </nz-select>

                <!-- 无法验机Radios -->
                <div class="flex-inline p-l-15" *ngIf="isMachineInfos.canMachineSelected == 5 && item.value == 5">
                  <!-- <nz-divider nzType="vertical"></nz-divider> -->
                  <ul class="machine-ul">
                    <li>
                      <span class="p-r-5" style="color: #2db7f5;">是否需要退货:</span>
                      <nz-radio-group
                        [nzDisabled]="isEditBtn()"
                        [(ngModel)]="isMachineInfos.isResultGoods"
                        (ngModelChange)="isReturnGoodsChange($event)">
                        <label nz-radio nzValue="1">是</label>
                        <label nz-radio nzValue="0">否</label>
                      </nz-radio-group>
                    </li>

                    <ng-container *ngIf="isMachineInfos.isResultGoods == '1'">
                      <li>
                        <span class="p-r-5" style="color: #2db7f5;">退货数量:</span>
                        <nz-input-number
                          style="width: 100%;"
                          [nzMin]="1"
                          [nzStep]="1"
                          [nzPrecision]="0"
                          [nzDisabled]="isEditBtn()"
                          [nzPlaceHolder]="'请输入退货数量'"
                          [(ngModel)]="isMachineInfos.resultQuantity">
                        </nz-input-number>
                      </li>
                      <li>
                        <span class="p-r-5" style="color: #2db7f5;">邮费承担:</span>
                        <nz-radio-group
                          [nzDisabled]="isEditBtn()"
                          [(ngModel)]="isMachineInfos.isFreight">
                          <label nz-radio [nzValue]="0">我司承担</label>
                          <label nz-radio [nzValue]="1">用户承担</label>
                        </nz-radio-group>
                      </li>
                    </ng-container>
                  </ul>
                </div>

                <!-- 添加跟进 -->
                <div class="flex-wrap follow-box p-l-15" *ngIf="isMachineInfos.canMachineSelected == item.value">
                  <nz-divider nzType="vertical" class="m-t-10"></nz-divider>

                  <span class="p-r-5" style="color: #2db7f5;">添加跟进:</span>
                  <nz-textarea-count [nzMaxCharacterCount]="200">
                    <textarea rows="2" [maxLength]="200" nz-input [disabled]="isEditBtn()" [(ngModel)]="isMachineInfos.followerContent" placeholder="请输入..."></textarea>
                  </nz-textarea-count>
                </div>
              </div>
            </label>
          </ng-container>
        </nz-radio-group>
      </div>
    </div>
    <!-- 验机状态 END -->

    <nz-divider></nz-divider>
  </ng-container>

  <!-- 基础信息 START -->
  <div class="edit-item-wrap">
    <p class="edit-item-title">基础信息</p>

    <div class="edit-item-control p-t-30">
      <ul class="item-ul">
        <li>
          <div nz-row>
            <div nz-col class="gutter-label" nzFlex="150px">
              <label>机型</label>
            </div>
            <div nz-col class="gutter-control p-l-15" nzFlex="auto">
              <nz-select
                nzShowSearch
                nzAllowClear
                nzServerSearch
                nzDropdownClassName="zdy-select-wrap"
                nzPlaceHolder="请输入机型名称"
                [nzDisabled]="isEditBtn()"
                [nzShowArrow]="false"
                [nzFilterOption]="basicInfos.nzFilterOption"
                [(ngModel)]="basicInfos.recycleModelValue"
                (nzOnSearch)="searchModel($event)"
                (ngModelChange)="modelChange($event)">
                <ng-container *ngFor="let o of basicInfos.recycleModelOptions">
                  <nz-option
                    *ngIf="!basicInfos?.isInputLoading"
                    [nzLabel]="o?.name"
                    [nzValue]="o?.id"
                  ></nz-option>
                </ng-container>
                <nz-option *ngIf="basicInfos?.isInputLoading" nzDisabled nzCustomContent>
                  <i nz-icon nzType="loading" class="loading-icon"></i>
                  数据加载中...
                </nz-option>
              </nz-select>
            </div>
            <div nz-col class="gutter-no" [nzSpan]="6">
              <nz-tag [nzMode]="isEditBtn() ? 'default' : 'checkable'" [(nzChecked)]="basicHaves.haveModel" (nzCheckedChange)="basicNoneItem($event, 'recycleModelValue', 'haveModel')">无此项</nz-tag>
            </div>
          </div>
        </li>

        <li>
          <div nz-row>
            <div nz-col class="gutter-label" nzFlex="150px">
              <label>存储容量</label>
            </div>
            <div nz-col class="gutter-control p-l-15" nzFlex="auto">
              <nz-select
                nzShowSearch
                nzAllowClear
                nzPlaceHolder="请选择存储容量"
                [nzDisabled]="!basicInfos.recycleModelValue || isEditBtn()"
                [(ngModel)]="basicInfos.capacityValue"
                (ngModelChange)="basicOperaChange($event, 'haveStore')">
                <nz-option *ngFor="let tag of basicInfos.capacityOptions" [nzLabel]="tag" [nzValue]="tag"></nz-option>
              </nz-select>
              <span class="explain-sp p-l-10">说明：请按照128G、8G+128G格式填写</span>
            </div>
            <div nz-col class="gutter-no" [nzSpan]="6">
              <nz-tag [nzMode]="isEditBtn() ? 'default' : 'checkable'" [(nzChecked)]="basicHaves.haveStore" (nzCheckedChange)="basicNoneItem($event, 'capacityValue', 'haveStore')">无此项</nz-tag>
            </div>
          </div>
        </li>

        <li>
          <div nz-row>
            <div nz-col class="gutter-label" nzFlex="150px">
              <label>颜色</label>
            </div>
            <div nz-col class="gutter-control p-l-15" nzFlex="auto">
              <nz-select
                nzShowSearch
                nzAllowClear
                nzPlaceHolder="请选择存颜色"
                [nzDisabled]="!basicInfos.recycleModelValue || isEditBtn()"
                [(ngModel)]="basicInfos.colorValue"
                (ngModelChange)="basicOperaChange($event, 'haveColour')">
                <nz-option *ngFor="let tag of basicInfos.colorOptions" [nzLabel]="tag" [nzValue]="tag"></nz-option>
              </nz-select>
            </div>
            <div nz-col class="gutter-no" [nzSpan]="6">
              <nz-tag [nzMode]="isEditBtn() ? 'default' : 'checkable'" [(nzChecked)]="basicHaves.haveColour" (nzCheckedChange)="basicNoneItem($event, 'colorValue', 'haveColour')">无此项</nz-tag>
            </div>
          </div>
        </li>

        <li>
          <div nz-row>
            <div nz-col class="gutter-label" nzFlex="150px">
              <label>购买渠道</label>
            </div>
            <div nz-col class="gutter-control p-l-15" nzFlex="auto">
              <nz-radio-group [(ngModel)]="basicInfos.buyType" (ngModelChange)="basicOperaChange($event, 'haveBuyType')">
                <ng-container *ngFor="let item of payChannelRadios">
                  <label nz-radio [nzValue]="item.value" [nzDisabled]="isEditBtn()">
                    {{ item.label }}
                    <i nz-icon nzType="info-circle" nzTheme="outline" class="tip-i m-l-6" nz-tooltip [nzTooltipTitle]="item.tips"></i>
                  </label>
                </ng-container>
              </nz-radio-group>
            </div>
            <div nz-col class="gutter-no" [nzSpan]="6">
              <nz-tag [nzMode]="isEditBtn() ? 'default' : 'checkable'" [(nzChecked)]="basicHaves.haveBuyType" (nzCheckedChange)="basicNoneItem($event, 'buyType', 'haveBuyType')">无此项</nz-tag>
            </div>
          </div>
        </li>

        <li>
          <div nz-row>
            <div nz-col class="gutter-label" nzFlex="150px">
              <label>网络制式</label>
            </div>
            <div nz-col class="gutter-control p-l-15" nzFlex="auto">
              <nz-select
                nzShowSearch
                nzAllowClear
                nzPlaceHolder="请选择网络制式"
                [(ngModel)]="basicInfos.net"
                [nzDisabled]="isEditBtn()"
                (ngModelChange)="basicOperaChange($event, 'haveNet')">
                <nz-option
                  *ngFor="let item of networkOptions"
                  [nzLabel]="item.label"
                  [nzValue]="item.label">
                </nz-option>
              </nz-select>
            </div>
            <div nz-col class="gutter-no" [nzSpan]="6">
              <nz-tag [nzMode]="isEditBtn() ? 'default' : 'checkable'" [(nzChecked)]="basicHaves.haveNet" (nzCheckedChange)="basicNoneItem($event, 'net', 'haveNet')">无此项</nz-tag>
            </div>
          </div>
        </li>

        <li>
          <div nz-row>
            <div nz-col class="gutter-label" nzFlex="150px">
              <label>IMEI</label>
            </div>
            <div nz-col class="gutter-control p-l-15" nzFlex="auto">
              <input
                nz-input
                placeholder="请输入IMEI"
                [(ngModel)]="basicInfos.imel"
                [disabled]="isEditBtn()"
                (input)="basicOperaChange($event, 'haveImel')"
                (blur)="verifImeiData()"
                (ngModelChange)="imeiInputChange($event)"
              />

              <!-- 验证IMEI -->
              <button
                nz-button
                nzType="primary"
                class="m-l-10"
                [nzLoading]="imeiLoading"
                (click)="verifImeiData()"
              >查询</button>
              <span
                [hidden]="isHasImei === -1"
                class="p-l-15"
                [ngStyle]="{'color': isHasImei ? '#F56C6C' : '#67C23A'}">
                {{ isHasImei === 1 ? '' : '没有' }}存在相同IMEI机器
              </span>
            </div>
            <div nz-col class="gutter-no" [nzSpan]="6">
              <nz-tag [nzMode]="isEditBtn() ? 'default' : 'checkable'" [(nzChecked)]="basicHaves.haveImel" (nzCheckedChange)="basicNoneItem($event, 'imel', 'haveImel')">无此项</nz-tag>
            </div>
          </div>
        </li>

        <li>
          <div nz-row>
            <div nz-col class="gutter-label" nzFlex="150px">
              <label>序列号</label>
            </div>
            <div nz-col class="gutter-control p-l-15" nzFlex="auto">
              <input
                nz-input
                placeholder="请输入序列号"
                [(ngModel)]="basicInfos.phoneSerialNumber"
                [disabled]="isEditBtn()"
                (input)="basicOperaChange($event, 'havePhoneSerialNumber')"
              />
            </div>
            <div nz-col class="gutter-no" [nzSpan]="6">
              <nz-tag [nzMode]="isEditBtn() ? 'default' : 'checkable'" [(nzChecked)]="basicHaves.havePhoneSerialNumber" (nzCheckedChange)="basicNoneItem($event, 'phoneSerialNumber', 'havePhoneSerialNumber')">无此项</nz-tag>
            </div>
          </div>
        </li>

        <li>
          <div nz-row>
            <div nz-col class="gutter-label" nzFlex="150px">
              <label>保修截至时间</label>
            </div>
            <div nz-col class="gutter-control p-l-15" nzFlex="auto">
              <nz-date-picker
                style="width: 300px;"
                [(ngModel)]="basicInfos.guaranteeTime"
                [nzDisabled]="isEditBtn()"
                (ngModelChange)="basicOperaChange($event, 'haveGuaranteeTime')"
              ></nz-date-picker>
            </div>
            <div nz-col class="gutter-no" [nzSpan]="6">
              <nz-tag [nzMode]="isEditBtn() ? 'default' : 'checkable'" [(nzChecked)]="basicHaves.haveGuaranteeTime" (nzCheckedChange)="basicNoneItem($event, 'guaranteeTime', 'haveGuaranteeTime')">无此项</nz-tag>
            </div>
          </div>
        </li>

        <li>
          <div nz-row>
            <div nz-col class="gutter-label" nzFlex="150px">
              <label>电池健康值</label>
            </div>
            <div nz-col class="gutter-control p-l-15" nzFlex="auto">
              <nz-select
                nzShowSearch
                nzAllowClear
                nzPlaceHolder="请选择电池健康值"
                [(ngModel)]="basicInfos.batteryHealth"
                [nzDisabled]="isEditBtn()"
                (ngModelChange)="basicOperaChange($event, 'haveBatteryHealth')">
                <nz-option
                  *ngFor="let option of batteryOptions"
                  [nzLabel]="option.name"
                  [nzValue]="option.content"
                ></nz-option>
              </nz-select>
              <span class="m-l-10">%</span>
            </div>
            <div nz-col class="gutter-no" [nzSpan]="6">
              <nz-tag [nzMode]="isEditBtn() ? 'default' : 'checkable'" [(nzChecked)]="basicHaves.haveBatteryHealth" (nzCheckedChange)="basicNoneItem($event, 'batteryHealth', 'haveBatteryHealth')">无此项</nz-tag>
            </div>
          </div>
        </li>

        <li>
          <div nz-row>
            <div nz-col class="gutter-label" nzFlex="150px">
              <label>充电次数</label>
            </div>
            <div nz-col class="gutter-control p-l-15" nzFlex="auto">
              <nz-input-number
                [nzMin]="0"
                [nzPrecision]="0"
                [nzStep]="1"
                nzPlaceHolder="请输入充电次数"
                [(ngModel)]="basicInfos.chargeCount"
                [nzDisabled]="isEditBtn()"
                (ngModelChange)="basicOperaChange($event, 'haveChargeCount')"
              ></nz-input-number>
              <span class="m-l-10">次</span>
            </div>
            <div nz-col class="gutter-no" [nzSpan]="6">
              <nz-tag [nzMode]="isEditBtn() ? 'default' : 'checkable'" [(nzChecked)]="basicHaves.haveChargeCount" (nzCheckedChange)="basicNoneItem($event, 'chargeCount', 'haveChargeCount')">无此项</nz-tag>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>
  <!-- 基础信息 END -->

  <nz-divider></nz-divider>
  
  <ng-container *ngFor="let term of termLists">
    <!-- S foreach -->
    <div class="edit-item-wrap">
      <p class="edit-item-title" [id]="'title' + term.id">{{ term.title }}</p>

      <ng-container *ngFor="let subItem of term.children;">
        <div class="sub-item-wrap">
          <p class="sub-item-title" [id]="'title' + subItem.id">
            <i nz-icon nzType="subnode" nzTheme="outline" class="sub-title-ico"></i>
            {{ subItem.title }}
          </p>

          <div class="edit-item-control p-t-20">
            <ul class="item-ul">
              <ng-container *ngFor="let child of subItem.children">
                <li [ngClass]="{'danger-li-bg': setupBackground(child)}">
                  <div nz-row nzAlign="top">
                    <div nz-col class="gutter-label" nzFlex="150px">
                      <label>{{ child.subject }}</label>
                    </div>
    
                    <!-- S 选项 optionType 1：单选，2：多选 -->
                    <div nz-col class="gutter-control p-l-15" nzFlex="1">
                      <ng-container *ngIf="child.optionType == 1;else templateCheck">
                        <nz-radio-group [(ngModel)]="child.radioSelected" (ngModelChange)="radioGroupChange(child)">
                          <ng-container *ngFor="let item of child.options">
                            <label nz-radio [nzValue]="item.value" [nzDisabled]="isEditBtn()">
                              {{ item.label }}
                              <i nz-icon nzType="info-circle" nzTheme="outline" class="tip-i m-l-6" nz-tooltip [nzTooltipTitle]="item.tips"></i>
                            </label>
                          </ng-container>
                        </nz-radio-group>
                      </ng-container>
    
                      <ng-template #templateCheck>
                        <!-- <nz-checkbox-group [(ngModel)]="children.options" (ngModelChange)="checkChange(children.options)"></nz-checkbox-group> -->
                        <nz-checkbox-wrapper style="width: 100%;">
                          <div nz-row>
                            <div nz-col class="m-r-8" *ngFor="let item of child.options">
                              <label
                                nz-checkbox
                                [nzDisabled]="isEditBtn()"
                                [nzValue]="item.value"
                                [(ngModel)]="item.checked"
                                (ngModelChange)="checkChange(child, item)">
                                {{ item.label }}
                                <i nz-icon nzType="info-circle" nzTheme="outline" class="tip-i m-l-6" nz-tooltip [nzTooltipTitle]="item.tips"></i>
                              </label>
                            </div>
                          </div>
                        </nz-checkbox-wrapper>
                      </ng-template>
                    </div>
                    <!-- E 选项 optionType 1：单选，2：多选 -->
    
                    <!-- S 图片补充&&无此项 -->
                    <div nz-col class="gutter-no" [nzSpan]="6">
                      <div class="img-tag">
                        <nz-tag nzColor="success" class="supply-img" (click)="showImgModal(child)">
                          <i nz-icon nzType="check-circle" [hidden]="!child?.imgLists?.length"></i>
                          图片补充
                        </nz-tag>
                      </div>
                      <nz-tag [nzMode]="isEditBtn() ? 'default' : 'checkable'" class="m-l-40" [(nzChecked)]="child.noneItem" (nzCheckedChange)="tagItemChange(child)">无此项</nz-tag>
                      <div class="item-over" *ngIf="isOverItem(child)">
                        <i nz-icon nzType="check-circle" nzTheme="outline"></i>
                      </div>
                    </div>
                    <!-- E 图片补充&&无此项 -->
                  </div>
                </li>
              </ng-container>
            </ul>
          </div>
        </div>
      </ng-container>
    </div>
    <!-- E foreach -->
    <nz-divider></nz-divider>
  </ng-container>

  <!-- 验机图片 START -->
  <div class="edit-item-wrap">
    <p class="edit-item-title">
      验机图片
      <span class="sub-tip p-l-10">最多20张</span>
    </p>

    <div class="edit-item-control p-l-32">
      <div style="padding: 20px 0 0 50px;">
        <app-upload-imgs [imgLists]="machineImgList" [limit]="20"></app-upload-imgs>
      </div>
    </div>
  </div>
  <!-- 验机图片 END -->

  <!-- S 爱思截图 -->
  <div class="edit-item-wrap p-t-20">
    <p class="edit-item-title">
      爱思截图
      <span class="sub-tip p-l-10">最多1张（非必填）</span>
    </p>

    <div class="edit-item-control p-l-32">
      <div class="screenshot-upload-wrap">
        <app-upload-imgs #screenshotUpload [imgLists]="screenshotImgList" [limit]="1"></app-upload-imgs>

        <button
          *ngIf="!screenshotImgList.length"
          nz-button
          nzType="primary"
          class="m-l-20"
          (click)="uploadScreenshotData()"
        >从剪贴板上传</button>
      </div>
    </div>
  </div>
  <!-- E 爱思截图 -->

  <nz-divider></nz-divider>

  <!-- 结果 -->
  <div class="edit-foot">
    <div class="foot-item" [hidden]="routeParams?.againMachine">
      <label><span class="must-sp">*</span>验机结果：</label>
      <nz-select
        nzShowSearch
        nzAllowClear
        nzPlaceHolder="请选择验机结果"
        [nzDisabled]="isEditBtn()"
        [(ngModel)]="resultInfos.restype"
        (ngModelChange)="resultChange($event)">
        <nz-option
          *ngFor="let item of resultArrs"
          [nzLabel]="item.label"
          [nzValue]="item.id">
        </nz-option>
      </nz-select>
    </div>

    <div class="foot-item" *ngIf="resultInfos.restype == 15">
      <label><span class="must-sp">*</span>原因：</label>
      <nz-select
        nzAllowClear
        nzPlaceHolder="请选择原因"
        [nzDisabled]="isEditBtn()"
        [(ngModel)]="resultInfos.restypeRemarks"
        (ngModelChange)="reasonTipsFilter()">
        <nz-option
          *ngFor="let item of notSupportReason"
          [nzLabel]="item.label"
          [nzValue]="item.label"
          nzCustomContent>
          {{ item.label }}
          <i class="m-l-8" style="color: #909399;" nz-icon nzType="exclamation-circle" nzTheme="outline" nz-tooltip [nzTooltipTitle]="item.tips"></i>
        </nz-option>
      </nz-select>
      <i [hidden]="!resultInfos.restypeRemarks" class="m-l-10" nz-icon nzType="exclamation-circle" nzTheme="outline" nz-tooltip [nzTooltipTitle]="reasonTips"></i>
    </div>

    <div class="foot-item">
      <label><span class="must-sp">*</span>验机价：</label>
      <div>
        <nz-input-number [nzMin]="0" [nzStep]="1" nzPlaceHolder="请输入验机价" [(ngModel)]="resultInfos.price" [nzDisabled]="isEditBtn()"></nz-input-number>
        <button
          *ngIf="!routeParams?.againMachine"
          nz-button
          nzType="link"
          [disabled]="offerModal.isVisible"
          [nzLoading]="consultLoading"
          (click)="showOfferModal()"
        >出价参考</button>
      </div>
    </div>

    <div class="foot-item">
      <label>验机师备注：</label>
      <div>
        <nz-textarea-count [nzMaxCharacterCount]="200" class="textarea-count">
          <textarea rows="4" [maxlength]="200" nz-input placeholder="仅供客服查看" [(ngModel)]="resultInfos.checkNote" [disabled]="isEditBtn()"></textarea>
        </nz-textarea-count>
      </div>
    </div>

    <div class="foot-item">
      <label>验机说明：</label>
      <div>
        <nz-textarea-count [nzMaxCharacterCount]="200" class="textarea-count">
          <textarea rows="4" [maxlength]="200" nz-input placeholder="请输入验机说明" [(ngModel)]="resultInfos.checkExplain" [disabled]="isEditBtn()"></textarea>
        </nz-textarea-count>

        <p style="color: #F56C6C;">注意：供用户查看，请注意措词！</p>
      </div>
    </div>

    <div class="foot-item">
      <label>库位：</label>
      <nz-select
        nzShowSearch
        nzAllowClear
        nzPlaceHolder="请选择库位"
        [nzDisabled]="isEditBtn()"
        [(ngModel)]="resultInfos.libraryId">
        <nz-option
          *ngFor="let item of locationOptions"
          [nzLabel]="item.name"
          [nzValue]="item.id">
        </nz-option>
      </nz-select>
    </div>

    <div class="foot-item">
      <label><span class="must-sp">*</span>C端成色：</label>
      <nz-select
        nzShowSearch
        nzAllowClear
        nzPlaceHolder="请选择C端成色"
        [nzDisabled]="isEditBtn()"
        [(ngModel)]="resultInfos.colourId"
        (ngModelChange)="conditionChange($event, 'C')">
        <nz-option
          *ngFor="let item of conditionOptions"
          [nzLabel]="item.name"
          [nzValue]="item.id">
        </nz-option>
      </nz-select>
    </div>

    <div class="foot-item">
      <label><span class="must-sp">*</span>B端成色：</label>
      <nz-select
        nzShowSearch
        nzAllowClear
        nzPlaceHolder="请选择B端成色"
        [nzDisabled]="isEditBtn()"
        [(ngModel)]="resultInfos.colourIdB"
        (ngModelChange)="conditionChange($event, 'B')">
        <nz-option
          *ngFor="let item of conditionOptionsb"
          [nzLabel]="item.name"
          [nzValue]="item.id">
        </nz-option>
      </nz-select>
    </div>
  </div>

  <!-- <nz-affix [nzOffsetBottom]="10"> -->
  <div class="foot-btns" [hidden]="isEditBtn()">
    <button nz-button nzType="primary" [nzLoading]="subLoading" (click)="informSaving()">保存</button>
    <!-- <button nz-button nzType="default" (click)="back()">返回</button> -->
    <p class="p-l-30">
      <label nz-checkbox [(ngModel)]="isPrint">打印机器标签</label>
    </p>
  </div>
  <!-- </nz-affix> -->
</nz-card>

<!-- 打印标签 -->
<app-print-device-info [hidden]="true" [deviceInfo]="deviceInfo" id="printDeviceInfo"></app-print-device-info>

<!-- 评估详情 -->
<assessment-details-modal #detailRef [optionParams]="previewParams" [isMask]="false"></assessment-details-modal>

<!-- 图片补充 Modal START -->
<nz-modal
  nzClassName="custom-model-wrap"
  [nzWidth]="930"
  [nzFooter]="null"
  [(nzVisible)]="isImgVisible"
  [nzTitle]="updateImgItem.subject + '---图片补充'"
  (nzOnCancel)="isImgVisible = false">

  <div *nzModalContent>
    <div class="custom-model-body">
      <!-- body START -->
      <div class="supplement-modal-wrap">
        <div class="p-b-50" [hidden]="isEditBtn()">
          <p class="supplement-title">
            <i nz-icon nzType="tags" nzTheme="outline" class="m-r-5"></i>从验机图片中选择
          </p>

          <ng-container *ngIf="quickImgLists?.length;else templateQuick">
            <ul class="supplement-ul">
              <li *ngFor="let item of quickImgLists" [ngStyle]="{'border-color': item.checked ? '#91d5ff' : ''}">
                <span class="supplement-ul-img m-b-5">
                  <img
                    nz-image
                    [nzSrc]="item.url"
                    alt=""
                  />
                </span>
                <label
                  nz-checkbox
                  [nzDisabled]="modalImgLists.length >= 5"
                  [(ngModel)]="item.checked"
                  (ngModelChange)="quickImgChange($event, item)">
                </label>
              </li>
            </ul>
          </ng-container>
          <ng-template #templateQuick>
            <nz-empty nzNotFoundContent="暂无数据..."></nz-empty>
          </ng-template>
        </div>

        <div>
          <p class="supplement-title">
            <i nz-icon nzType="tags" nzTheme="outline" class="m-r-5"></i>从电脑中选择
          </p>
          <app-upload-imgs [imgLists]="modalImgLists" [limit]="5" (deleteChange)="imgModalChange($event)"></app-upload-imgs>
        </div>
      </div>
      <!-- body END -->
    </div>

    <div class="custom-model-foot" [hidden]="isEditBtn()">
      <div class="custom-foot-cont">
        <button nz-button nzType="primary" (click)="subImgData()">确定</button>
        <button nz-button nzType="default" (click)="isImgVisible = false">取消</button>
      </div>
    </div>
  </div>
</nz-modal>
<!-- 图片补充 Modal END -->

<nz-anchor
  nzContainer="#content-scoll"
  class="anchor-box"
  [nzAffix]="true"
  nzShowInkInFixed>
  <ng-container *ngFor="let item of termLists">
    <nz-link [nzHref]="'#title' + item.id" [nzTitle]="item.title">
      <ng-container *ngFor="let child of item.children">
        <nz-link [nzHref]="'#title' + child.id" [nzTitle]="child.title"></nz-link>
      </ng-container>
    </nz-link>
  </ng-container>
</nz-anchor>

<nz-back-top nzTarget="#content-scoll"></nz-back-top>

<!-- 出价参考 Modal -->
<preview-assess-modal
  #offerModal
  [userEvaluation]="userEvaluationData">
</preview-assess-modal>